/**如果需要修改其它变量，可以在以下文件中查找
 * https://github.com/element-plus/element-plus/blob/dev/packages/theme-chalk/src/common/var.scss
 */

@forward 'element-plus/theme-chalk/src/common/var.scss' with (
  $colors: (
    'primary': (
      'base': $mainColor, //$mainColor在全局变量中
    ),
  ),
);
/**
//@use 是 SCSS 3.3 引入的模块化机制，用于替代旧的 @import，主要优势
命名空间隔离
通过 as 关键字创建命名空间，避免全局变量 / 函数冲突
只导入一次
重复 @use 同一文件不会导致代码重复，而 @import 会重复引入
私有成员
以下划线(_)开头的变量 / 函数为私有，不会被暴露
三、as * 的含义
as * 表示将模块中的所有成员（变量、函数、混合器）导入到全局命名空间：

允许直接使用 $primary-color 而非 module.$primary-color
与 @import 的主要区别在于：
@import 会合并所有样式和变量到全局作用域
@use 默认创建独立命名空间，as * 是显式将其导入全局
*/

@use "element-plus/theme-chalk/src/reset.scss" as *;
@use "element-plus/theme-chalk/src/index.scss" as *;
